import React, { PureComponent } from "react";
import { connect } from 'react-redux'
import {RecommendWrapper, RecommendItem} from '../style'
class Recommend extends PureComponent {
  render(){
    const {list} = this.props;
    return (
      <RecommendWrapper>
        {
          list.map(item => (<RecommendItem key={item.get('id')} imgUrl={item.get('imgUrl')}></RecommendItem>))
        }
        
      </RecommendWrapper>
    )
  }
}

const mapState = (state) => ({
  list: state.getIn(['home', 'recommendList'])
})

export default connect(mapState, null)(Recommend)